{"version":3,"file":"LibraryPicker.stories.jsx","sourceRoot":"","sources":["../../../src/build/ItemLibrary/LibraryPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAmB,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,0BAA0B,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,uFAAuF;aAC1F;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,IAAI;SACd;KACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,UAAU,GAAY,GAAG,EAAE;IACtC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAe,CAAC;IAChE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,CAAoB,IAAI,CAAC,CAAC;IAEhE,MAAM,QAAQ,GAAG,CAAC,CAAgC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAElF,MAAM,QAAQ,GAAG,CAAC,IAAiB,EAAE,EAAE;QACrC,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,EACE;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAChE;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,mBAAmB,EAAE,MAAM,CACtD;MAAA,CAAC,MAAM,IAAI,CACT,CAAC,WAAW,CACV,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EACjC,CACH,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState, type MouseEvent } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { Button, useElement } from '@pega/cosmos-react-core';\nimport { ItemLibrary, type LibraryItem } from '@pega/cosmos-react-build';\n\nimport { nodeLibrary } from './LibraryPicker.mocks';\n\nexport default {\n  title: 'Build/LibraryPicker',\n  component: ItemLibrary,\n  parameters: {\n    docs: {\n      description: {\n        component:\n          'Library picker is a picker component enhanced with search and grouping of case tasks.'\n      }\n    },\n    controls: {\n      disable: true\n    }\n  }\n} as Meta;\n\nexport const ItemPicker: StoryFn = () => {\n  const [selectedItem, setSelectedItem] = useState<LibraryItem>();\n  const [target, setTarget] = useElement<HTMLButtonElement>(null);\n\n  const btnClick = (e: MouseEvent<HTMLButtonElement>) => setTarget(e.currentTarget);\n\n  const onSelect = (item: LibraryItem) => {\n    setSelectedItem(item);\n  };\n\n  return (\n    <>\n      {selectedItem ? <div>Selected: {selectedItem.primary}</div> : ''}\n      <Button onClick={btnClick}>Select from library</Button>\n      {target && (\n        <ItemLibrary\n          items={nodeLibrary}\n          target={target}\n          onClick={onSelect}\n          onDismiss={() => setTarget(null)}\n        />\n      )}\n    </>\n  );\n};\n"]}