@mittwald/flow-react-components 0.2.0-alpha.772 → 0.2.0-alpha.774

package/dist/js/packages/components/src/components/List/components/Items/components/Item/hooks/useBoxItemProps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBoxItemProps.mjs","sources":["../../../../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useBoxItemProps.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport { useEffect, useId, useRef, useState } from \"react\";\nimport { useList } from \"@/components/List\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport { AccordionButton } from \"@/components/List/components/Items/components/Item/components/AccordionButton\";\n\ninterface P extends PropsWithChildren {\n  data: never;\n}\n\nexport const useBoxItemProps = (props: P) => {\n  const { data, children: childrenFromProps } = props;\n  const list = useList();\n  const itemView = list.itemView;\n  const onAction = list.onAction;\n\n  const [isExpanded, setIsExpanded] = useState(\n    itemView?.defaultExpanded?.(data) ?? false,\n  );\n  const contentElementId = useId();\n  const itemRef = useRef<HTMLDivElement>(null);\n\n  const accordion = list.accordion;\n  const children = childrenFromProps ?? itemView?.render(data);\n\n  useEffect(() => {\n    if (accordion) {\n      itemRef.current?.setAttribute(\"aria-expanded\", String(isExpanded));\n      itemRef.current?.setAttribute(\"aria-controls\", contentElementId);\n    }\n  }, [isExpanded, contentElementId, itemRef.current, accordion]);\n\n  if (!accordion) {\n    return {\n      boxItemProps: {\n        onAction: onAction\n          ? () => {\n              onAction?.(data);\n            }\n          : undefined,\n      },\n      children,\n    };\n  }\n\n  const toggleAccordion = () => {\n    setIsExpanded((current) => !current);\n    onAction?.(data);\n  };\n\n  const propsContext: PropsContext = {\n    Content: {\n      id: dynamic((p) => (p.slot === \"bottom\" ? contentElementId : undefined)),\n      wrapWith: dynamic((p) =>\n        p.slot === \"bottom\" ? (\n          <AccordionButton\n            contentElementId={contentElementId}\n            toggle={toggleAccordion}\n            isExpanded={isExpanded}\n          />\n        ) : undefined,\n      ),\n    },\n  };\n\n  return {\n    boxItemProps: {\n      ref: itemRef,\n      onAction: toggleAccordion,\n    },\n    children: (\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[contentElementId, isExpanded]}\n      >\n        {children}\n      </PropsContextProvider>\n    ),\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAa;AAC3C,EAAA,MAAM,EAAE,IAAA,EAAM,QAAA,EAAU,iBAAA,EAAkB,GAAI,KAAA;AAC9C,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AACtB,EAAA,MAAM,WAAW,IAAA,CAAK,QAAA;AAEtB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA;AAAA,IAClC,QAAA,EAAU,eAAA,GAAkB,IAAI,CAAA,IAAK;AAAA,GACvC;AACA,EAAA,MAAM,mBAAmB,KAAA,EAAM;AAC/B,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAE3C,EAAA,MAAM,YAAY,IAAA,CAAK,SAAA;AACvB,EAAA,MAAM,QAAA,GAAW,iBAAA,IAAqB,QAAA,EAAU,MAAA,CAAO,IAAI,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,OAAA,CAAQ,OAAA,EAAS,YAAA,CAAa,eAAA,EAAiB,MAAA,CAAO,UAAU,CAAC,CAAA;AACjE,MAAA,OAAA,CAAQ,OAAA,EAAS,YAAA,CAAa,eAAA,EAAiB,gBAAgB,CAAA;AAAA,IACjE;AAAA,EACF,GAAG,CAAC,UAAA,EAAY,kBAAkB,OAAA,CAAQ,OAAA,EAAS,SAAS,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO;AAAA,MACL,YAAA,EAAc;AAAA,QACZ,QAAA,EAAU,WACN,MAAM;AACJ,UAAA,QAAA,GAAW,IAAI,CAAA;AAAA,QACjB,CAAA,GACA;AAAA,OACN;AAAA,MACA;AAAA,KACF;AAAA,EACF;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,aAAA,CAAc,CAAC,OAAA,KAAY,CAAC,OAAO,CAAA;AACnC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,QAAQ,CAAC,CAAA,KAAO,EAAE,IAAA,KAAS,QAAA,GAAW,mBAAmB,MAAU,CAAA;AAAA,MACvE,QAAA,EAAU,OAAA;AAAA,QAAQ,CAAC,CAAA,KACjB,CAAA,CAAE,IAAA,KAAS,QAAA,mBACT,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,gBAAA;AAAA,YACA,MAAA,EAAQ,eAAA;AAAA,YACR;AAAA;AAAA,SACF,GACE;AAAA;AACN;AACF,GACF;AAEA,EAAA,OAAO;AAAA,IACL,YAAA,EAAc;AAAA,MACZ,GAAA,EAAK,OAAA;AAAA,MACL,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,QAAA,kBACE,GAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,YAAA;AAAA,QACP,YAAA,EAAc,CAAC,gBAAA,EAAkB,UAAU,CAAA;AAAA,QAE1C;AAAA;AAAA;AACH,GAEJ;AACF;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/views/ListBox/ListBox.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListBox.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/ListBox/ListBox.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport { EmptyView } from \"@/components/List/views/EmptyView\";\n\nexport type ListBoxProps = Aria.ListBoxProps<never> & {\n  tileMaxWidth: number;\n};\n\n/** @flr-generate all */\nexport const ListBox: FC<ListBoxProps> = (props) => {\n  const { tileMaxWidth, ...rest } = props;\n\n  return (\n    <Aria.ListBox\n      {...rest}\n      renderEmptyState={() => <EmptyView />}\n      style={{\n        gridTemplateColumns: `repeat(auto-fill, minmax(${tileMaxWidth}px, 1fr))`,\n      }}\n    />\n  );\n};\n\nexport default ListBox;\n"],"names":[],"mappings":";;;;AASO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,IAAA,EAAK,GAAI,KAAA;AAElC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,OAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,gBAAA,EAAkB,sBAAM,GAAA,CAAC,SAAA,EAAA,EAAU,CAAA;AAAA,MACnC,KAAA,EAAO;AAAA,QACL,mBAAA,EAAqB,4BAA4B,YAAY,CAAA,SAAA;AAAA;AAC/D;AAAA,GACF;AAEJ;;;;"}

package/dist/js/packages/components/src/components/List/components/Items/views/ListBoxItem/ListBoxItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListBoxItem.mjs","sources":["../../../../../../../../../../../src/components/List/components/Items/views/ListBoxItem/ListBoxItem.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { FC } from \"react\";\nimport styles from \"@/components/List/components/Items/components/Item/Item.module.scss\";\nimport clsx from \"clsx\";\n\nexport type ListBoxItemProps = Aria.ListBoxItemProps<never> & {\n  hasAction?: boolean;\n  isTile?: boolean;\n};\n\n/** @flr-generate all */\nexport const ListBoxItem: FC<ListBoxItemProps> = (props) => {\n  const { hasAction, isTile, ...restProps } = props;\n  return (\n    <Aria.ListBoxItem\n      {...restProps}\n      className={(renderProps) =>\n        clsx(\n          styles.item,\n          hasAction && styles.hasAction,\n          isTile && styles.tile,\n          renderProps.isSelected && styles.isSelected,\n        )\n      }\n    />\n  );\n};\n\nexport default ListBoxItem;\n"],"names":[],"mappings":";;;;;AAWO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,MAAA,EAAQ,GAAG,WAAU,GAAI,KAAA;AAC5C,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA,CAAK,WAAA;AAAA,IAAL;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAC,WAAA,KACV,IAAA;AAAA,QACE,MAAA,CAAO,IAAA;AAAA,QACP,aAAa,MAAA,CAAO,SAAA;AAAA,QACpB,UAAU,MAAA,CAAO,IAAA;AAAA,QACjB,WAAA,CAAY,cAAc,MAAA,CAAO;AAAA;AACnC;AAAA,GAEJ;AAEJ;;;;"}

package/dist/js/packages/components/src/views/ItemsListBoxItemView.mjs

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, useContext } from 'react';
-import { ListBoxItem } from '../components/List/components/Items/views/ListBoxItem/ListBoxItem.mjs';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-
-const ItemsListBoxItemView = memo((props) => {
-  const View = useContext(viewComponentContext)["ItemsListBoxItem"] ?? ListBoxItem;
-  return /* @__PURE__ */ jsx(View, { ...props });
-});
-ItemsListBoxItemView.displayName = "ItemsListBoxItemView";
-
-export { ItemsListBoxItemView as default };
-//# sourceMappingURL=ItemsListBoxItemView.mjs.map

package/dist/js/packages/components/src/views/ItemsListBoxItemView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxItemView.mjs","sources":["../../../../../../src/views/ItemsListBoxItemView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ListBoxItem,\n  type ListBoxItemProps,\n} from \"@/components/List/components/Items/views/ListBoxItem/ListBoxItem\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsListBoxItemView: FC<ListBoxItemProps> = memo((props) => {\n  const View =\n    useContext(viewComponentContext)[\"ItemsListBoxItem\"] ?? ListBoxItem;\n  return <View {...props} />;\n});\nItemsListBoxItemView.displayName = \"ItemsListBoxItemView\";\n\nexport default ItemsListBoxItemView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,oBAAA,GAA6C,IAAA,CAAK,CAAC,KAAA,KAAU;AACjE,EAAA,MAAM,IAAA,GACJ,UAAA,CAAW,oBAAoB,CAAA,CAAE,kBAAkB,CAAA,IAAK,WAAA;AAC1D,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,oBAAA,CAAqB,WAAA,GAAc,sBAAA;;;;"}

package/dist/js/packages/components/src/views/ItemsListBoxView.mjs

@@ -1,15 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { memo, useContext } from 'react';
-import { ListBox } from '../components/List/components/Items/views/ListBox/ListBox.mjs';
-import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
-
-const ItemsListBoxView = memo((props) => {
-  const View = useContext(viewComponentContext)["ItemsListBox"] ?? ListBox;
-  return /* @__PURE__ */ jsx(View, { ...props });
-});
-ItemsListBoxView.displayName = "ItemsListBoxView";
-
-export { ItemsListBoxView as default };
-//# sourceMappingURL=ItemsListBoxView.mjs.map

package/dist/js/packages/components/src/views/ItemsListBoxView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxView.mjs","sources":["../../../../../../src/views/ItemsListBoxView.tsx"],"sourcesContent":["/* prettier-ignore */\n/* This file is auto-generated with the remote-components-generator */\nimport React, { memo, type FC, useContext } from \"react\";\nimport {\n  ListBox,\n  type ListBoxProps,\n} from \"@/components/List/components/Items/views/ListBox/ListBox\";\nimport { viewComponentContext } from \"@/lib/viewComponentContext/viewComponentContext\";\n\nconst ItemsListBoxView: FC<ListBoxProps> = memo((props) => {\n  const View = useContext(viewComponentContext)[\"ItemsListBox\"] ?? ListBox;\n  return <View {...props} />;\n});\nItemsListBoxView.displayName = \"ItemsListBoxView\";\n\nexport default ItemsListBoxView;\n"],"names":[],"mappings":";;;;;AASA,MAAM,gBAAA,GAAqC,IAAA,CAAK,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,oBAAoB,CAAA,CAAE,cAAc,CAAA,IAAK,OAAA;AACjE,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,KAAA,EAAO,CAAA;AAC1B,CAAC;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;;;"}

package/dist/types/components/List/components/Items/components/Item/hooks/useBoxItemProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBoxItemProps.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/List/components/Items/components/Item/hooks/useBoxItemProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO/C,UAAU,CAAE,SAAQ,iBAAiB;IACnC,IAAI,EAAE,KAAK,CAAC;CACb;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,CAAC;;;;;;;;;;;;CAqEvC,CAAC"}

package/dist/types/components/List/components/Items/views/ListBox/ListBox.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import * as Aria from "react-aria-components";
-export type ListBoxProps = Aria.ListBoxProps<never> & {
-    tileMaxWidth: number;
-};
-/** @flr-generate all */
-export declare const ListBox: FC<ListBoxProps>;
-export default ListBox;
-//# sourceMappingURL=ListBox.d.ts.map

package/dist/types/components/List/components/Items/views/ListBox/ListBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBox/ListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAYpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/components/List/components/Items/views/ListBox/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ListBox';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/List/components/Items/views/ListBox/view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBox/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,YAAY,EAAE,aAAa,CAAC,OAAO,OAAO,CAAC,CAAC;KAC7C;CACF"}

package/dist/types/components/List/components/Items/views/ListBoxItem/ListBoxItem.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import * as Aria from "react-aria-components";
-export type ListBoxItemProps = Aria.ListBoxItemProps<never> & {
-    hasAction?: boolean;
-    isTile?: boolean;
-};
-/** @flr-generate all */
-export declare const ListBoxItem: FC<ListBoxItemProps>;
-export default ListBoxItem;
-//# sourceMappingURL=ListBoxItem.d.ts.map

package/dist/types/components/List/components/Items/views/ListBoxItem/ListBoxItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListBoxItem.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBoxItem/ListBoxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAwB;AACxB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAe5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/components/List/components/Items/views/ListBoxItem/index.d.ts

@@ -1,3 +0,0 @@
-export * from './view';
-export * from './ListBoxItem';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/List/components/Items/views/ListBoxItem/view.d.ts

@@ -1,8 +0,0 @@
-import { ListBoxItem } from './ListBoxItem';
-import { ViewComponent } from '../../../../../../lib/viewComponentContext';
-declare global {
-    interface FlowViewComponents {
-        ItemsListBoxItem: ViewComponent<typeof ListBoxItem>;
-    }
-}
-//# sourceMappingURL=view.d.ts.map

package/dist/types/components/List/components/Items/views/ListBoxItem/view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/List/components/Items/views/ListBoxItem/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,gBAAgB,EAAE,aAAa,CAAC,OAAO,WAAW,CAAC,CAAC;KACrD;CACF"}

package/dist/types/views/ItemsListBoxItemView.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { ListBoxItemProps } from '../components/List/components/Items/views/ListBoxItem/ListBoxItem';
-declare const ItemsListBoxItemView: FC<ListBoxItemProps>;
-export default ItemsListBoxItemView;
-//# sourceMappingURL=ItemsListBoxItemView.d.ts.map

package/dist/types/views/ItemsListBoxItemView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxItemView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsListBoxItemView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,kEAAkE,CAAC;AAG1E,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,gBAAgB,CAI7C,CAAC;AAGH,eAAe,oBAAoB,CAAC"}

package/dist/types/views/ItemsListBoxView.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { ListBoxProps } from '../components/List/components/Items/views/ListBox/ListBox';
-declare const ItemsListBoxView: FC<ListBoxProps>;
-export default ItemsListBoxView;
-//# sourceMappingURL=ItemsListBoxView.d.ts.map

package/dist/types/views/ItemsListBoxView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemsListBoxView.d.ts","sourceRoot":"","sources":["../../../src/views/ItemsListBoxView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAQ,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,0DAA0D,CAAC;AAGlE,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,YAAY,CAGrC,CAAC;AAGH,eAAe,gBAAgB,CAAC"}