@redsift/table 11.6.0-muiv5-alpha.10 → 11.6.0-muiv5-alpha.11

package/packages/popovers/src/components/tooltip-trigger/_internal/TooltipTrigger.js

@@ -0,0 +1,47 @@
+import { objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { useMergeRefs } from '../../../../../../node_modules/@floating-ui/react/dist/_internal/floating-ui.react.js';
+import classNames from 'classnames';
+import { useTooltipContext } from '../../tooltip/_internal/useTooltipContext.js';
+
+const COMPONENT_NAME = 'TooltipTrigger';
+const CLASSNAME = 'redsift-tooltip-trigger';
+
+/**
+ * The TooltipTrigger component.
+ */
+const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children
+  } = props;
+  const {
+    getReferenceProps,
+    refs,
+    tooltipId,
+    triggerClassName,
+    color
+  } = useTooltipContext();
+  const childrenRef = children.ref;
+  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
+  if ( /*#__PURE__*/React__default.isValidElement(children)) {
+    var _children$props$child;
+    return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
+      ref: triggerRef
+    }, props), {}, {
+      'aria-describedby': tooltipId
+    }, children.props), {}, {
+      children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
+    }))), {}, {
+      className: classNames(children.props.className, triggerClassName),
+      color: color !== null && color !== void 0 ? color : children.props.color
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement("span", _extends({
+    ref: triggerRef
+  }, getReferenceProps(props)), children);
+});
+TooltipTrigger.className = CLASSNAME;
+TooltipTrigger.displayName = COMPONENT_NAME;
+
+export { TooltipTrigger };
+//# sourceMappingURL=TooltipTrigger.js.map

package/packages/popovers/src/components/tooltip-trigger/_internal/TooltipTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.js","sources":["../../../../../../../../popovers/src/components/tooltip-trigger/TooltipTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp } from '@redsift/design-system';\nimport { useTooltipContext } from '../tooltip';\nimport { TooltipTriggerProps } from './types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'TooltipTrigger';\nconst CLASSNAME = 'redsift-tooltip-trigger';\n\n/**\n * The TooltipTrigger component.\n */\nexport const TooltipTrigger: Comp<TooltipTriggerProps, HTMLSpanElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, refs, tooltipId, triggerClassName, color } = useTooltipContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (React.isValidElement(children)) {\n    return React.cloneElement(children as ReactElement, {\n      ...getReferenceProps({\n        ref: triggerRef,\n        ...props,\n        'aria-describedby': tooltipId,\n        ...children.props,\n        children: children.props.children ?? '',\n      }),\n      className: classNames((children as ReactElement).props.className, triggerClassName),\n      color: color ?? children.props.color,\n    });\n  }\n\n  return (\n    <span ref={triggerRef} {...getReferenceProps(props)}>\n      {children}\n    </span>\n  );\n});\nTooltipTrigger.className = CLASSNAME;\nTooltipTrigger.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TooltipTrigger","forwardRef","props","ref","children","getReferenceProps","refs","tooltipId","triggerClassName","color","useTooltipContext","childrenRef","triggerRef","useMergeRefs","setReference","React","isValidElement","_children$props$child","cloneElement","_objectSpread","className","classNames","createElement","_extends","displayName"],"mappings":";;;;;;AAQA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAA0D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,IAAI;IAAEC,SAAS;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,iBAAiB,EAAE,CAAA;AAC3F,EAAA,MAAMC,WAAW,GAAIP,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMS,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEX,GAAG,EAAEQ,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,kBAAII,cAAK,CAACC,cAAc,CAACZ,QAAQ,CAAC,EAAE;AAAA,IAAA,IAAAa,qBAAA,CAAA;AAClC,IAAA,oBAAOF,cAAK,CAACG,YAAY,CAACd,QAAQ,EAAAe,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC7Bd,iBAAiB,CAAAc,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA;AAClBhB,MAAAA,GAAG,EAAES,UAAAA;AAAU,KAAA,EACZV,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEK,SAAAA;KACjBH,EAAAA,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjBE,MAAAA,QAAQ,EAAAa,CAAAA,qBAAA,GAAEb,QAAQ,CAACF,KAAK,CAACE,QAAQ,MAAAa,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,EAAA;AAAE,KAAA,CACxC,CAAC,CAAA,EAAA,EAAA,EAAA;MACFG,SAAS,EAAEC,UAAU,CAAEjB,QAAQ,CAAkBF,KAAK,CAACkB,SAAS,EAAEZ,gBAAgB,CAAC;MACnFC,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIL,QAAQ,CAACF,KAAK,CAACO,KAAAA;AAAK,KAAA,CACrC,CAAC,CAAA;AACJ,GAAA;AAEA,EAAA,oBACEM,cAAA,CAAAO,aAAA,CAAA,MAAA,EAAAC,QAAA,CAAA;AAAMpB,IAAAA,GAAG,EAAES,UAAAA;AAAW,GAAA,EAAKP,iBAAiB,CAACH,KAAK,CAAC,CAAA,EAChDE,QACG,CAAC,CAAA;AAEX,CAAC,EAAC;AACFJ,cAAc,CAACoB,SAAS,GAAGrB,SAAS,CAAA;AACpCC,cAAc,CAACwB,WAAW,GAAG1B,cAAc;;;;"}

package/packages/table/src/components/BaseComponents/_internal/BaseButton.js

@@ -0,0 +1,41 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { ButtonsColorPalette, IconButton, Button } from '@redsift/design-system';
+
+const _excluded = ["children", "color", "onClick", "startIcon"];
+const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
+  var _props$className;
+  const {
+      children,
+      color: propsColor,
+      onClick,
+      startIcon
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const color = Object.keys(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
+  if ((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('redsift-condensed')) {
+    return /*#__PURE__*/React__default.createElement(IconButton, _extends({}, forwardedProps, {
+      color: color,
+      onClick: onClick,
+      ref: ref,
+      variant: "unstyled",
+      isActive: props['aria-expanded'] === 'true',
+      icon: typeof startIcon !== 'string' ? /*#__PURE__*/React__default.cloneElement(startIcon, {
+        fontSize: 'medium'
+      }) : startIcon,
+      "aria-label": children,
+      size: "medium"
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Button, _extends({}, forwardedProps, {
+    color: color,
+    onClick: onClick,
+    ref: ref,
+    variant: "unstyled",
+    isActive: props['aria-expanded'] === 'true',
+    leftIcon: startIcon
+  }), children);
+});
+
+export { BaseButton };
+//# sourceMappingURL=BaseButton.js.map

package/packages/table/src/components/BaseComponents/_internal/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.js","sources":["../../../../../../../src/components/BaseComponents/BaseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonsColorPalette, IconButton } from '@redsift/design-system';\n\nexport const BaseButton: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n  const { children, color: propsColor, onClick, startIcon, ...forwardedProps } = props;\n\n  const color = Object.keys(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';\n\n  if (props.className?.includes('redsift-condensed')) {\n    return (\n      <IconButton\n        {...forwardedProps}\n        color={color}\n        onClick={onClick}\n        ref={ref}\n        variant=\"unstyled\"\n        isActive={props['aria-expanded'] === 'true'}\n        icon={typeof startIcon !== 'string' ? React.cloneElement(startIcon, { fontSize: 'medium' }) : startIcon}\n        aria-label={children}\n        size=\"medium\"\n      />\n    );\n  }\n\n  return (\n    <Button\n      {...forwardedProps}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      variant=\"unstyled\"\n      isActive={props['aria-expanded'] === 'true'}\n      leftIcon={startIcon}\n    >\n      {children}\n    </Button>\n  );\n});\n"],"names":["BaseButton","forwardRef","props","ref","_props$className","children","color","propsColor","onClick","startIcon","forwardedProps","_objectWithoutProperties","_excluded","Object","keys","ButtonsColorPalette","includes","className","React","createElement","IconButton","_extends","variant","isActive","icon","cloneElement","fontSize","size","Button","leftIcon"],"mappings":";;;;;AAGO,MAAMA,UAA4C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAAA,EAAA,IAAAC,gBAAA,CAAA;EACrF,MAAM;MAAEC,QAAQ;AAAEC,MAAAA,KAAK,EAAEC,UAAU;MAAEC,OAAO;AAAEC,MAAAA,SAAAA;AAA6B,KAAC,GAAGP,KAAK;AAAxBQ,IAAAA,cAAc,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA,CAAA,CAAA;AAEpF,EAAA,MAAMN,KAAK,GAAGO,MAAM,CAACC,IAAI,CAACC,mBAAmB,CAAC,CAACC,QAAQ,CAACT,UAAU,CAAC,GAAGA,UAAU,GAAG,SAAS,CAAA;AAE5F,EAAA,IAAA,CAAAH,gBAAA,GAAIF,KAAK,CAACe,SAAS,MAAAb,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,IAAAA,gBAAA,CAAiBY,QAAQ,CAAC,mBAAmB,CAAC,EAAE;IAClD,oBACEE,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,KACLX,cAAc,EAAA;AAClBJ,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,OAAO,EAAEA,OAAQ;AACjBL,MAAAA,GAAG,EAAEA,GAAI;AACTmB,MAAAA,OAAO,EAAC,UAAU;AAClBC,MAAAA,QAAQ,EAAErB,KAAK,CAAC,eAAe,CAAC,KAAK,MAAO;MAC5CsB,IAAI,EAAE,OAAOf,SAAS,KAAK,QAAQ,gBAAGS,cAAK,CAACO,YAAY,CAAChB,SAAS,EAAE;AAAEiB,QAAAA,QAAQ,EAAE,QAAA;OAAU,CAAC,GAAGjB,SAAU;AACxG,MAAA,YAAA,EAAYJ,QAAS;AACrBsB,MAAAA,IAAI,EAAC,QAAA;AAAQ,KAAA,CACd,CAAC,CAAA;AAEN,GAAA;EAEA,oBACET,cAAA,CAAAC,aAAA,CAACS,MAAM,EAAAP,QAAA,KACDX,cAAc,EAAA;AAClBJ,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,OAAO,EAAEA,OAAQ;AACjBL,IAAAA,GAAG,EAAEA,GAAI;AACTmB,IAAAA,OAAO,EAAC,UAAU;AAClBC,IAAAA,QAAQ,EAAErB,KAAK,CAAC,eAAe,CAAC,KAAK,MAAO;AAC5C2B,IAAAA,QAAQ,EAAEpB,SAAAA;AAAU,GAAA,CAAA,EAEnBJ,QACK,CAAC,CAAA;AAEb,CAAC;;;;"}

package/packages/table/src/components/BaseComponents/_internal/BaseCheckbox.js

@@ -0,0 +1,24 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { Checkbox } from '@redsift/design-system';
+
+const _excluded = ["checked", "indeterminate", "disabled", "onChange"];
+const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      checked,
+      indeterminate,
+      disabled,
+      onChange
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, forwardedProps, forwardedProps.inputProps, {
+    isSelected: checked && !indeterminate,
+    isDisabled: disabled,
+    isIndeterminate: indeterminate,
+    ref: ref,
+    onChange: (isChecked, value, name, event) => onChange(event)
+  }));
+});
+
+export { BaseCheckbox };
+//# sourceMappingURL=BaseCheckbox.js.map

package/packages/table/src/components/BaseComponents/_internal/BaseCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseCheckbox.js","sources":["../../../../../../../src/components/BaseComponents/BaseCheckbox.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport { Checkbox } from '@redsift/design-system';\n\nexport const BaseCheckbox: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n  const { checked, indeterminate, disabled, onChange, ...forwardedProps } = props;\n\n  return (\n    <Checkbox\n      {...forwardedProps}\n      {...forwardedProps.inputProps}\n      isSelected={checked && !indeterminate}\n      isDisabled={disabled}\n      isIndeterminate={indeterminate}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n      onChange={(isChecked, value, name, event) => onChange(event)}\n    />\n  );\n});\n"],"names":["BaseCheckbox","forwardRef","props","ref","checked","indeterminate","disabled","onChange","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Checkbox","_extends","inputProps","isSelected","isDisabled","isIndeterminate","isChecked","value","name","event"],"mappings":";;;;;AAGO,MAAMA,YAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAEC,OAAO;MAAEC,aAAa;MAAEC,QAAQ;AAAEC,MAAAA,QAAAA;AAA4B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAE/E,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA,EAAA,EACHN,cAAc,EACdA,cAAc,CAACO,UAAU,EAAA;AAC7BC,IAAAA,UAAU,EAAEZ,OAAO,IAAI,CAACC,aAAc;AACtCY,IAAAA,UAAU,EAAEX,QAAS;AACrBY,IAAAA,eAAe,EAAEb,aAAc;AAC/BF,IAAAA,GAAG,EAAEA,GAA0C;AAC/CI,IAAAA,QAAQ,EAAEA,CAACY,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,KAAKf,QAAQ,CAACe,KAAK,CAAA;AAAE,GAAA,CAC9D,CAAC,CAAA;AAEN,CAAC;;;;"}

package/packages/table/src/components/BaseComponents/_internal/BaseComponents.js

@@ -0,0 +1,6 @@
+export { BaseButton } from './BaseButton.js';
+export { BaseCheckbox } from './BaseCheckbox.js';
+export { BaseIcon, muiIconToDSIcon } from './BaseIcon.js';
+export { BasePopper } from './BasePopper.js';
+export { BaseTextField } from './BaseTextField.js';
+//# sourceMappingURL=BaseComponents.js.map

package/{_internal → packages/table/src/components/BaseComponents/_internal}/BaseComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseComponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"BaseComponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/packages/table/src/components/BaseComponents/_internal/BaseIcon.js

@@ -0,0 +1,33 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { Icon } from '@redsift/design-system';
+import { mdiFilterVariant, mdiViewColumn, mdiChevronUp, mdiChevronDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
+
+const _excluded = ["displayName"];
+const muiIconToDSIcon = {
+  ColumnFilteredIcon: mdiFilterVariant,
+  ColumnSelectorIcon: mdiViewColumn,
+  ColumnSortedAscendingIcon: mdiChevronUp,
+  ColumnSortedDescendingIcon: mdiChevronDown,
+  DensityCompactIcon: mdiViewHeadline,
+  DensityStandardIcon: mdiViewSequential,
+  DensityComfortableIcon: mdiViewStream,
+  DetailPanelCollapseIcon: mdiChevronDown,
+  DetailPanelExpandIcon: mdiChevronRight,
+  ExportIcon: mdiTrayArrowDown,
+  OpenFilterButtonIcon: mdiFilterVariant
+};
+const BaseIcon = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      displayName
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(Icon, _extends({}, forwardedProps, forwardedProps.inputProps, {
+    ref: ref,
+    size: forwardedProps.fontSize,
+    icon: muiIconToDSIcon[displayName]
+  }));
+});
+
+export { BaseIcon, muiIconToDSIcon };
+//# sourceMappingURL=BaseIcon.js.map

package/packages/table/src/components/BaseComponents/_internal/BaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.js","sources":["../../../../../../../src/components/BaseComponents/BaseIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Icon } from '@redsift/design-system';\nimport {\n  mdiChevronDown,\n  mdiChevronRight,\n  mdiChevronUp,\n  mdiFilterVariant,\n  mdiTrayArrowDown,\n  mdiViewColumn,\n  mdiViewHeadline,\n  mdiViewSequential,\n  mdiViewStream,\n} from '@redsift/icons';\nimport { GridSlotsComponent } from '@mui/x-data-grid-pro';\n\nexport const muiIconToDSIcon: Partial<Record<keyof GridSlotsComponent, string>> = {\n  ColumnFilteredIcon: mdiFilterVariant,\n  ColumnSelectorIcon: mdiViewColumn,\n  ColumnSortedAscendingIcon: mdiChevronUp,\n  ColumnSortedDescendingIcon: mdiChevronDown,\n  DensityCompactIcon: mdiViewHeadline,\n  DensityStandardIcon: mdiViewSequential,\n  DensityComfortableIcon: mdiViewStream,\n  DetailPanelCollapseIcon: mdiChevronDown,\n  DetailPanelExpandIcon: mdiChevronRight,\n  ExportIcon: mdiTrayArrowDown,\n  OpenFilterButtonIcon: mdiFilterVariant,\n};\n\nexport const BaseIcon: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n  const { displayName, ...forwardedProps } = props;\n\n  return (\n    <Icon\n      {...forwardedProps}\n      {...forwardedProps.inputProps}\n      ref={ref}\n      size={forwardedProps.fontSize}\n      icon={muiIconToDSIcon[displayName as keyof GridSlotsComponent]}\n    />\n  );\n});\n"],"names":["muiIconToDSIcon","ColumnFilteredIcon","mdiFilterVariant","ColumnSelectorIcon","mdiViewColumn","ColumnSortedAscendingIcon","mdiChevronUp","ColumnSortedDescendingIcon","mdiChevronDown","DensityCompactIcon","mdiViewHeadline","DensityStandardIcon","mdiViewSequential","DensityComfortableIcon","mdiViewStream","DetailPanelCollapseIcon","DetailPanelExpandIcon","mdiChevronRight","ExportIcon","mdiTrayArrowDown","OpenFilterButtonIcon","BaseIcon","forwardRef","props","ref","displayName","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","Icon","_extends","inputProps","size","fontSize","icon"],"mappings":";;;;;;AAeO,MAAMA,eAAkE,GAAG;AAChFC,EAAAA,kBAAkB,EAAEC,gBAAgB;AACpCC,EAAAA,kBAAkB,EAAEC,aAAa;AACjCC,EAAAA,yBAAyB,EAAEC,YAAY;AACvCC,EAAAA,0BAA0B,EAAEC,cAAc;AAC1CC,EAAAA,kBAAkB,EAAEC,eAAe;AACnCC,EAAAA,mBAAmB,EAAEC,iBAAiB;AACtCC,EAAAA,sBAAsB,EAAEC,aAAa;AACrCC,EAAAA,uBAAuB,EAAEP,cAAc;AACvCQ,EAAAA,qBAAqB,EAAEC,eAAe;AACtCC,EAAAA,UAAU,EAAEC,gBAAgB;AAC5BC,EAAAA,oBAAoB,EAAElB,gBAAAA;AACxB,EAAC;AAEM,MAAMmB,QAA0C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnF,MAAM;AAAEC,MAAAA,WAAAA;AAA+B,KAAC,GAAGF,KAAK;AAAxBG,IAAAA,cAAc,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEhD,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,QAAA,CAAA,EAAA,EACCN,cAAc,EACdA,cAAc,CAACO,UAAU,EAAA;AAC7BT,IAAAA,GAAG,EAAEA,GAAI;IACTU,IAAI,EAAER,cAAc,CAACS,QAAS;IAC9BC,IAAI,EAAEpC,eAAe,CAACyB,WAAW,CAAA;AAA8B,GAAA,CAChE,CAAC,CAAA;AAEN,CAAC;;;;"}

package/packages/table/src/components/BaseComponents/_internal/BasePopper.js

@@ -0,0 +1,13 @@
+import { extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import Popper from '../../../../../../node_modules/@mui/material/Popper/_internal/Popper.js';
+
+const BasePopper = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/React__default.createElement(Popper, _extends({}, props, {
+    ref: ref,
+    container: () => document.getElementById('redsift-app-container')
+  }));
+});
+
+export { BasePopper };
+//# sourceMappingURL=BasePopper.js.map

package/packages/table/src/components/BaseComponents/_internal/BasePopper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePopper.js","sources":["../../../../../../../src/components/BaseComponents/BasePopper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Popper from '@mui/material/Popper';\n\nexport const BasePopper: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n  return <Popper {...props} ref={ref} container={() => document.getElementById('redsift-app-container')} />;\n});\n"],"names":["BasePopper","forwardRef","props","ref","React","createElement","Popper","_extends","container","document","getElementById"],"mappings":";;;;AAGO,MAAMA,UAA4C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrF,oBAAOC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,QAAA,KAAKL,KAAK,EAAA;AAAEC,IAAAA,GAAG,EAAEA,GAAI;AAACK,IAAAA,SAAS,EAAEA,MAAMC,QAAQ,CAACC,cAAc,CAAC,uBAAuB,CAAA;AAAE,GAAA,CAAE,CAAC,CAAA;AAC3G,CAAC;;;;"}

package/{_internal → packages/table/src/components/BaseComponents/_internal}/BaseTextField.js

@@ -22,5 +22,5 @@ const BaseTextField = /*#__PURE__*/forwardRef((props, ref) => {
   });
 });
 
-export { BaseTextField as B };
+export { BaseTextField };
 //# sourceMappingURL=BaseTextField.js.map

package/packages/table/src/components/BaseComponents/_internal/BaseTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTextField.js","sources":["../../../../../../../src/components/BaseComponents/BaseTextField.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport { TextField } from '@redsift/design-system';\n\nexport const BaseTextField: React.JSXElementConstructor<any> = forwardRef((props, ref) => {\n  const { label, id, value, onChange, placeholder } = props;\n  return (\n    <TextField\n      marginTop=\"6px\"\n      inputRef={ref as MutableRefObject<HTMLInputElement>}\n      label={label}\n      id={id}\n      value={value}\n      variant=\"underline\"\n      onChange={(value, name, event) => onChange(event)}\n      autoFocus\n      placeholder={placeholder}\n    />\n  );\n});\n"],"names":["BaseTextField","forwardRef","props","ref","label","id","value","onChange","placeholder","React","createElement","TextField","marginTop","inputRef","variant","name","event","autoFocus"],"mappings":";;;AAGO,MAAMA,aAA+C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,KAAK;IAAEC,EAAE;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAGN,KAAK,CAAA;AACzD,EAAA,oBACEO,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AACRC,IAAAA,SAAS,EAAC,KAAK;AACfC,IAAAA,QAAQ,EAAEV,GAA0C;AACpDC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,EAAE,EAAEA,EAAG;AACPC,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,OAAO,EAAC,WAAW;IACnBP,QAAQ,EAAEA,CAACD,KAAK,EAAES,IAAI,EAAEC,KAAK,KAAKT,QAAQ,CAACS,KAAK,CAAE;IAClDC,SAAS,EAAA,IAAA;AACTT,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAC1B,CAAC,CAAA;AAEN,CAAC;;;;"}

package/packages/table/src/components/DataGrid/_internal/DataGrid.js

@@ -0,0 +1,2 @@
+export { DataGrid } from './DataGrid2.js';
+//# sourceMappingURL=DataGrid.js.map

package/{_internal → packages/table/src/components/DataGrid/_internal}/DataGrid2.js

@@ -1,14 +1,22 @@
-import { b as _objectWithoutProperties, a as _extends, _ as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import { useTheme, ThemeProvider, RedsiftColorBlueN, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralWhite } from '@redsift/design-system';
 import { useGridApiRef, DataGridPro, gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
-import { L as LicenseInfo, G as useControlledDatagridState, T as ThemeProvider$1, J as StyledDataGrid, f as customColumnTypes } from './useControlledDatagridState.js';
-import { T as Toolbar } from './Toolbar2.js';
-import { o as onServerSideSelectionStatusChange, S as ServerSideControlledPagination, C as ControlledPagination } from './ControlledPagination.js';
-import { g as createTheme } from './Portal.js';
-import { B as BaseButton, a as BaseCheckbox, c as BasePopper, b as BaseIcon } from './BasePopper.js';
-import { T as ToolbarWrapper } from './ToolbarWrapper2.js';
+import { StyledDataGrid } from './styles.js';
+import { customColumnTypes } from '../../../utils/columnTypes/index.js';
+import { useControlledDatagridState } from '../../../hooks/_internal/useControlledDatagridState.js';
+import { Toolbar } from '../../Toolbar/_internal/Toolbar2.js';
+import { LicenseInfo } from '../../../../../../node_modules/@mui/x-license-pro/utils/_internal/licenseInfo.js';
+import { onServerSideSelectionStatusChange, ServerSideControlledPagination } from '../../Pagination/_internal/ServerSideControlledPagination.js';
+import createTheme from '../../../../../../node_modules/@mui/material/styles/_internal/createTheme.js';
+import ThemeProvider$1 from '../../../../../../node_modules/@mui/material/styles/_internal/ThemeProvider.js';
+import { BaseButton } from '../../BaseComponents/_internal/BaseButton.js';
+import { BaseCheckbox } from '../../BaseComponents/_internal/BaseCheckbox.js';
+import { BasePopper } from '../../BaseComponents/_internal/BasePopper.js';
+import { BaseIcon } from '../../BaseComponents/_internal/BaseIcon.js';
+import { ToolbarWrapper } from '../../ToolbarWrapper/_internal/ToolbarWrapper2.js';
+import { ControlledPagination } from '../../Pagination/_internal/ControlledPagination.js';
 
 const _excluded = ["apiRef", "autoHeight", "className", "columnTypes", "components", "componentsProps", "filterModel", "columnVisibilityModel", "pinnedColumns", "sortModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "onColumnVisibilityModelChange", "onPinnedColumnsChange", "onSortModelChange", "selectionModel", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "paginationMode", "rowCount"];
 const COMPONENT_NAME = 'DataGrid';
@@ -328,5 +336,5 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
 DataGrid.className = CLASSNAME;
 DataGrid.displayName = COMPONENT_NAME;
 
-export { DataGrid as D };
+export { DataGrid };
 //# sourceMappingURL=DataGrid2.js.map

package/packages/table/src/components/DataGrid/_internal/DataGrid2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid2.js","sources":["../../../../../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useMemo, useRef, useState } from 'react';\nimport { ThemeProvider as MuiThemeProvider, createTheme } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport { LicenseInfo } from '@mui/x-license-pro';\nimport {\n  Comp,\n  RedsiftColorBlueN,\n  RedsiftColorNeutralWhite,\n  RedsiftColorNeutralXDarkGrey,\n  ThemeProvider,\n  useTheme,\n} from '@redsift/design-system';\nimport {\n  DataGridPro,\n  GridCallbackDetails,\n  gridFilteredSortedRowEntriesSelector,\n  gridFilteredSortedRowIdsSelector,\n  gridPaginatedVisibleSortedGridRowEntriesSelector,\n  gridPaginatedVisibleSortedGridRowIdsSelector,\n  GridRowParams,\n  GridSelectionModel,\n  useGridApiRef,\n} from '@mui/x-data-grid-pro';\n\nimport { StyledDataGrid } from './styles';\nimport { DataGridProps, SelectionStatus } from './types';\nimport { Toolbar as DefaultToolbar } from '../Toolbar';\nimport { BaseIcon, BaseButton, BaseCheckbox, BasePopper } from '../BaseComponents';\nimport { ToolbarWrapper } from '../ToolbarWrapper';\nimport { onServerSideSelectionStatusChange, ServerSideControlledPagination, ControlledPagination } from '../Pagination';\nimport { customColumnTypes } from '../../utils/columnTypes';\nimport { useControlledDatagridState } from '../../hooks/useControlledDatagridState';\n\nconst COMPONENT_NAME = 'DataGrid';\nconst CLASSNAME = 'redsift-datagrid';\n\nexport const DataGrid: Comp<DataGridProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const datagridRef = ref || useRef<HTMLDivElement>();\n\n  const {\n    apiRef: propsApiRef,\n    autoHeight,\n    className,\n    columnTypes: propsColumnTypes,\n    components,\n    componentsProps,\n    filterModel: propsFilterModel,\n    columnVisibilityModel: propsColumnVisibilityModel,\n    pinnedColumns: propsPinnedColumns,\n    sortModel: propsSortModel,\n    height: propsHeight,\n    hideToolbar,\n    initialState,\n    isRowSelectable,\n    license = process.env.MUI_LICENSE_KEY,\n    onFilterModelChange: propsOnFilterModelChange,\n    onPageChange: propsOnPageChange,\n    onPageSizeChange: propsOnPageSizeChange,\n    onColumnVisibilityModelChange: propsOnColumnVisibilityModelChange,\n    onPinnedColumnsChange: propsOnPinnedColumnsChange,\n    onSortModelChange: propsOnSortModelChange,\n    selectionModel: propsSelectionModel,\n    onSelectionModelChange: propsOnSelectionModelChange,\n    page: propsPage,\n    pageSize: propsPageSize,\n    pagination,\n    paginationPlacement = 'both',\n    paginationProps,\n    rows,\n    rowsPerPageOptions,\n    sx,\n    theme: propsTheme,\n    paginationMode = 'client',\n    rowCount,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const _apiRef = useGridApiRef();\n  const apiRef = propsApiRef ?? _apiRef;\n  const RenderedToolbar = components?.Toolbar ? components.Toolbar : DefaultToolbar;\n\n  LicenseInfo.setLicenseKey(license!);\n\n  const height = propsHeight ?? (autoHeight ? undefined : '500px');\n\n  const {\n    columnVisibilityModel,\n    filterModel,\n    onColumnVisibilityModelChange,\n    onFilterModelChange,\n    onPageChange,\n    onPageSizeChange,\n    onPinnedColumnsChange,\n    onSortModelChange,\n    page,\n    pageSize,\n    pinnedColumns,\n    sortModel,\n  } = useControlledDatagridState({\n    initialState,\n    rowsPerPageOptions,\n    propsColumnVisibilityModel,\n    propsFilterModel,\n    propsOnColumnVisibilityModelChange,\n    propsOnFilterModelChange,\n    propsOnPinnedColumnsChange,\n    propsOnSortModelChange,\n    propsPage,\n    propsPageSize,\n    propsPinnedColumns,\n    propsSortModel,\n    propsOnPageChange,\n    propsOnPageSizeChange,\n  });\n\n  const [selectionModel, setSelectionModel] = useState(propsSelectionModel ?? []);\n  useEffect(() => {\n    setSelectionModel(propsSelectionModel ?? []);\n  }, [propsSelectionModel]);\n\n  const onSelectionModelChange = (selectionModel: GridSelectionModel, details: GridCallbackDetails) => {\n    if (propsOnSelectionModelChange) {\n      propsOnSelectionModelChange(selectionModel, details);\n    } else {\n      setSelectionModel(selectionModel);\n    }\n  };\n\n  const selectionStatus = useRef<SelectionStatus>({\n    type: 'none',\n    numberOfSelectedRows: 0,\n    numberOfSelectedRowsInPage: 0,\n    page,\n    pageSize,\n  });\n\n  // in server-side pagination we want to update the selection status\n  // every time we navigate between pages, resize our page or select something\n  useEffect(() => {\n    if (paginationMode == 'server') {\n      onServerSideSelectionStatusChange(\n        Array.isArray(selectionModel) ? selectionModel : [selectionModel],\n        apiRef,\n        selectionStatus,\n        isRowSelectable,\n        page,\n        pageSize\n      );\n    }\n  }, [selectionModel, page, pageSize]);\n\n  if (!Array.isArray(rows)) {\n    return null;\n  }\n\n  const muiTheme = useMemo(\n    () =>\n      createTheme({\n        palette: {\n          mode: theme,\n          primary: { main: RedsiftColorBlueN },\n          background: {\n            default: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n            paper: theme === 'dark' ? RedsiftColorNeutralXDarkGrey : RedsiftColorNeutralWhite,\n          },\n        },\n      }),\n    [theme]\n  );\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <MuiThemeProvider theme={muiTheme}>\n        {/* <pre>{JSON.stringify(selectionStatus, null, 2)}</pre> */}\n        <StyledDataGrid\n          ref={datagridRef as RefObject<HTMLDivElement>}\n          className={classNames(DataGrid.className, className)}\n          $height={height}\n        >\n          <DataGridPro\n            {...forwardedProps}\n            rowCount={rowCount!}\n            apiRef={apiRef}\n            autoHeight={autoHeight}\n            checkboxSelectionVisibleOnly={Boolean(pagination)}\n            columnTypes={{ ...customColumnTypes, ...propsColumnTypes }}\n            components={{\n              BaseButton,\n              BaseCheckbox,\n              // BaseTextField,\n              BasePopper,\n              ColumnFilteredIcon: (props) => <BaseIcon {...props} displayName=\"ColumnFilteredIcon\" />,\n              ColumnSelectorIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSelectorIcon\" />,\n              ColumnSortedAscendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedAscendingIcon\" />,\n              ColumnSortedDescendingIcon: (props) => <BaseIcon {...props} displayName=\"ColumnSortedDescendingIcon\" />,\n              DensityCompactIcon: (props) => <BaseIcon {...props} displayName=\"DensityCompactIcon\" />,\n              DensityStandardIcon: (props) => <BaseIcon {...props} displayName=\"DensityStandardIcon\" />,\n              DensityComfortableIcon: (props) => <BaseIcon {...props} displayName=\"DensityComfortableIcon\" />,\n              DetailPanelCollapseIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelCollapseIcon\" />,\n              DetailPanelExpandIcon: (props) => <BaseIcon {...props} displayName=\"DetailPanelExpandIcon\" />,\n              ExportIcon: (props) => <BaseIcon {...props} displayName=\"ExportIcon\" />,\n              OpenFilterButtonIcon: (props) => <BaseIcon displayName=\"OpenFilterButtonIcon\" {...props} />,\n              ...components,\n              Toolbar: ToolbarWrapper,\n              Pagination: (props) =>\n                pagination ? (\n                  paginationMode == 'server' ? (\n                    <ServerSideControlledPagination\n                      {...props}\n                      displaySelection={false}\n                      displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n                      displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n                      selectionStatus={selectionStatus.current}\n                      page={page}\n                      onPageChange={onPageChange}\n                      pageSize={pageSize}\n                      onPageSizeChange={onPageSizeChange}\n                      rowsPerPageOptions={rowsPerPageOptions}\n                      paginationProps={paginationProps}\n                      paginationMode={paginationMode}\n                      rowCount={rowCount!}\n                    />\n                  ) : (\n                    <ControlledPagination\n                      {...props}\n                      displaySelection={false}\n                      displayRowsPerPage={['bottom', 'both'].includes(paginationPlacement!)}\n                      displayPagination={['bottom', 'both'].includes(paginationPlacement!)}\n                      selectionStatus={selectionStatus.current}\n                      apiRef={apiRef}\n                      isRowSelectable={isRowSelectable}\n                      page={page}\n                      onPageChange={onPageChange}\n                      pageSize={pageSize}\n                      onPageSizeChange={onPageSizeChange}\n                      rowsPerPageOptions={rowsPerPageOptions}\n                      paginationProps={paginationProps}\n                      paginationMode={paginationMode}\n                    />\n                  )\n                ) : null,\n            }}\n            componentsProps={{\n              ...componentsProps,\n              toolbar: {\n                hideToolbar,\n                RenderedToolbar,\n                filterModel,\n                onFilterModelChange,\n                pagination,\n                paginationPlacement,\n                selectionStatus,\n                apiRef,\n                isRowSelectable,\n                page,\n                onPageChange,\n                pageSize,\n                onPageSizeChange,\n                rowsPerPageOptions,\n                paginationProps,\n                paginationMode,\n                rowCount,\n                ...componentsProps?.toolbar,\n              },\n            }}\n            filterModel={filterModel}\n            columnVisibilityModel={columnVisibilityModel}\n            pinnedColumns={pinnedColumns}\n            sortModel={sortModel}\n            initialState={initialState}\n            isRowSelectable={isRowSelectable}\n            onFilterModelChange={onFilterModelChange}\n            onColumnVisibilityModelChange={onColumnVisibilityModelChange}\n            onPinnedColumnsChange={onPinnedColumnsChange}\n            onSortModelChange={onSortModelChange}\n            pagination={pagination}\n            paginationMode={paginationMode}\n            keepNonExistentRowsSelected={paginationMode == 'server'}\n            rows={rows}\n            rowsPerPageOptions={rowsPerPageOptions}\n            page={page}\n            onPageChange={onPageChange}\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            selectionModel={selectionModel}\n            onSelectionModelChange={(newSelectionModel, details) => {\n              if (pagination && paginationMode != 'server') {\n                const selectableRowsInPage = isRowSelectable\n                  ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef)\n                      .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n                      .map(({ id }) => id)\n                  : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);\n                const numberOfSelectableRowsInPage = selectableRowsInPage.length;\n\n                const selectableRowsInTable = isRowSelectable\n                  ? gridFilteredSortedRowEntriesSelector(apiRef)\n                      .filter(({ model }) => isRowSelectable({ row: model } as GridRowParams))\n                      .map(({ id }) => id)\n                  : gridFilteredSortedRowIdsSelector(apiRef);\n                const numberOfSelectableRowsInTable = selectableRowsInTable.length;\n\n                const numberOfSelectedRows = newSelectionModel.length;\n\n                if (\n                  (selectionStatus.current.type === 'table' &&\n                    numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage) ||\n                  (selectionStatus.current.type === 'table' &&\n                    numberOfSelectedRows === numberOfSelectableRowsInTable) ||\n                  (selectionStatus.current.type === 'page' && numberOfSelectedRows === numberOfSelectableRowsInPage)\n                ) {\n                  setTimeout(() => {\n                    apiRef.current.selectRows([], true, true);\n                  }, 0);\n                }\n\n                if (\n                  numberOfSelectedRows === numberOfSelectableRowsInPage &&\n                  numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n                ) {\n                  selectionStatus.current = {\n                    type: 'page',\n                    numberOfSelectedRows,\n                  };\n                } else if (\n                  numberOfSelectedRows === numberOfSelectableRowsInTable &&\n                  numberOfSelectableRowsInPage < numberOfSelectableRowsInTable\n                ) {\n                  selectionStatus.current = {\n                    type: 'table',\n                    numberOfSelectedRows,\n                  };\n                } else if (numberOfSelectedRows > 0) {\n                  selectionStatus.current = {\n                    type: 'other',\n                    numberOfSelectedRows,\n                  };\n                } else {\n                  selectionStatus.current = {\n                    type: 'none',\n                    numberOfSelectedRows,\n                  };\n                }\n              }\n              onSelectionModelChange?.(newSelectionModel, details);\n            }}\n            sx={{\n              ...sx,\n              '.MuiDataGrid-columnHeaders': {\n                flexDirection: 'column',\n                alignItems: 'normal',\n              },\n              '.MuiDataGrid-selectedRowCount': {\n                margin: 'none',\n              },\n            }}\n          />\n        </StyledDataGrid>\n      </MuiThemeProvider>\n    </ThemeProvider>\n  );\n});\nDataGrid.className = CLASSNAME;\nDataGrid.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DataGrid","forwardRef","props","ref","datagridRef","useRef","apiRef","propsApiRef","autoHeight","className","columnTypes","propsColumnTypes","components","componentsProps","filterModel","propsFilterModel","columnVisibilityModel","propsColumnVisibilityModel","pinnedColumns","propsPinnedColumns","sortModel","propsSortModel","height","propsHeight","hideToolbar","initialState","isRowSelectable","license","process","env","MUI_LICENSE_KEY","onFilterModelChange","propsOnFilterModelChange","onPageChange","propsOnPageChange","onPageSizeChange","propsOnPageSizeChange","onColumnVisibilityModelChange","propsOnColumnVisibilityModelChange","onPinnedColumnsChange","propsOnPinnedColumnsChange","onSortModelChange","propsOnSortModelChange","selectionModel","propsSelectionModel","onSelectionModelChange","propsOnSelectionModelChange","page","propsPage","pageSize","propsPageSize","pagination","paginationPlacement","paginationProps","rows","rowsPerPageOptions","sx","theme","propsTheme","paginationMode","rowCount","forwardedProps","_objectWithoutProperties","_excluded","useTheme","_apiRef","useGridApiRef","RenderedToolbar","Toolbar","DefaultToolbar","LicenseInfo","setLicenseKey","undefined","useControlledDatagridState","setSelectionModel","useState","useEffect","details","selectionStatus","type","numberOfSelectedRows","numberOfSelectedRowsInPage","onServerSideSelectionStatusChange","Array","isArray","muiTheme","useMemo","createTheme","palette","mode","primary","main","RedsiftColorBlueN","background","default","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralWhite","paper","React","createElement","ThemeProvider","value","MuiThemeProvider","StyledDataGrid","classNames","$height","DataGridPro","_extends","checkboxSelectionVisibleOnly","Boolean","_objectSpread","customColumnTypes","BaseButton","BaseCheckbox","BasePopper","ColumnFilteredIcon","BaseIcon","displayName","ColumnSelectorIcon","ColumnSortedAscendingIcon","ColumnSortedDescendingIcon","DensityCompactIcon","DensityStandardIcon","DensityComfortableIcon","DetailPanelCollapseIcon","DetailPanelExpandIcon","ExportIcon","OpenFilterButtonIcon","ToolbarWrapper","Pagination","ServerSideControlledPagination","displaySelection","displayRowsPerPage","includes","displayPagination","current","ControlledPagination","toolbar","keepNonExistentRowsSelected","newSelectionModel","selectableRowsInPage","gridPaginatedVisibleSortedGridRowEntriesSelector","filter","_ref","model","row","map","_ref2","id","gridPaginatedVisibleSortedGridRowIdsSelector","numberOfSelectableRowsInPage","length","selectableRowsInTable","gridFilteredSortedRowEntriesSelector","_ref3","_ref4","gridFilteredSortedRowIdsSelector","numberOfSelectableRowsInTable","setTimeout","selectRows","flexDirection","alignItems","margin"],"mappings":"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"}

package/packages/table/src/components/DataGrid/_internal/styles.js

@@ -0,0 +1,74 @@
+import styled, { css } from 'styled-components';
+
+/**
+ * Component style.
+ */
+const StyledDataGrid = styled.div`
+  ${_ref => {
+  let {
+    $height
+  } = _ref;
+  return $height ? css`
+          height: ${$height};
+        ` : '';
+}}
+
+  width: 100%;
+
+  .MuiDataGrid-root {
+    font-family: var(--redsift-typography-datagrid-header-font-family);
+    border: none;
+  }
+
+  .MuiDataGrid-row {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+    font-size: var(--redsift-typography-datagrid-cell-font-size);
+    font-weight: var(--redsift-typography-datagrid-cell-font-weight);
+  }
+
+  .MuiDataGrid-columnHeaderTitle {
+    font-family: var(--redsift-typography-datagrid-header-font-family);
+    font-size: var(--redsift-typography-datagrid-header-font-size);
+    font-weight: var(--redsift-typography-datagrid-header-font-weight);
+  }
+
+  .MuiDataGrid-columnHeaders {
+    border-bottom-color: var(--redsift-color-primary-n);
+  }
+
+  .MuiDataGrid-columnSeparator {
+    display: none;
+  }
+
+  .MuiTablePagination-root {
+    .MuiTablePagination-selectLabel {
+      font-family: var(--redsift-typography-datagrid-header-font-family);
+    }
+    .MuiTablePagination-displayedRows {
+      font-family: var(--redsift-typography-datagrid-cell-font-family);
+    }
+
+    .MuiInputBase-root {
+      font-family: var(--redsift-typography-datagrid-cell-font-family);
+    }
+  }
+
+  .Mui-checked {
+    color: var(--redsift-color-primary-n);
+  }
+
+  .MuiDataGrid-rowCount {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+
+  .MuiTablePagination-displayedRows {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+
+  .MuiBadge-standard {
+    font-family: var(--redsift-typography-datagrid-cell-font-family);
+  }
+`;
+
+export { StyledDataGrid };
+//# sourceMappingURL=styles.js.map

package/packages/table/src/components/DataGrid/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/DataGrid/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledDataGridProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDataGrid = styled.div<StyledDataGridProps>`\n  ${({ $height }) =>\n    $height\n      ? css`\n          height: ${$height};\n        `\n      : ''}\n\n  width: 100%;\n\n  .MuiDataGrid-root {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    border: none;\n  }\n\n  .MuiDataGrid-row {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n    font-size: var(--redsift-typography-datagrid-cell-font-size);\n    font-weight: var(--redsift-typography-datagrid-cell-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaderTitle {\n    font-family: var(--redsift-typography-datagrid-header-font-family);\n    font-size: var(--redsift-typography-datagrid-header-font-size);\n    font-weight: var(--redsift-typography-datagrid-header-font-weight);\n  }\n\n  .MuiDataGrid-columnHeaders {\n    border-bottom-color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-columnSeparator {\n    display: none;\n  }\n\n  .MuiTablePagination-root {\n    .MuiTablePagination-selectLabel {\n      font-family: var(--redsift-typography-datagrid-header-font-family);\n    }\n    .MuiTablePagination-displayedRows {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n\n    .MuiInputBase-root {\n      font-family: var(--redsift-typography-datagrid-cell-font-family);\n    }\n  }\n\n  .Mui-checked {\n    color: var(--redsift-color-primary-n);\n  }\n\n  .MuiDataGrid-rowCount {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiTablePagination-displayedRows {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n\n  .MuiBadge-standard {\n    font-family: var(--redsift-typography-datagrid-cell-font-family);\n  }\n`;\n"],"names":["StyledDataGrid","styled","div","_ref","$height","css"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAyB,CAAA;AAC9D,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;EAAA,OACZC,OAAO,GACHC,GAAI,CAAA;AACZ,kBAAA,EAAoBD,OAAQ,CAAA;AAC5B,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/packages/table/src/components/GridToolbarFilterSemanticField/_internal/GridToolbarFilterSemanticField.js

@@ -0,0 +1,2 @@
+export { DEFAULT_OPERATORS, GridToolbarFilterSemanticField } from './GridToolbarFilterSemanticField2.js';
+//# sourceMappingURL=GridToolbarFilterSemanticField.js.map

package/packages/table/src/components/GridToolbarFilterSemanticField/_internal/GridToolbarFilterSemanticField2.js

@@ -0,0 +1,183 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { Flexbox, TextField, Button, Switch, Text } from '@redsift/design-system';
+import { StyledGridToolbarFilterSemanticField } from './styles.js';
+import { getCompletion } from '../../../utils/_internal/gpt.js';
+import { Tooltip } from '../../../../../popovers/src/components/tooltip/_internal/Tooltip.js';
+
+const _excluded = ["className", "nlpFilterConfig", "onFilterModelChange", "dateFormat", "defaultModel", "defaultFilter", "disablePower", "localeText"];
+const COMPONENT_NAME = 'GridToolbarFilterSemanticField';
+const CLASSNAME = 'redsift-datagrid-toolbar-nlp-filter-field';
+const DEFAULT_OPERATORS = {
+  string: ['contains', 'equals', 'startsWith', 'endsWith', 'isEmpty', 'isNotEmpty', 'isAnyOf'],
+  number: ['=', '!=', '>', '>=', '<', '<=', 'isEmpty', 'isNotEmpty', 'isAnyOf'],
+  boolean: ['is'],
+  date: ['is', 'not', 'after', 'onOrAfter', 'before', 'onOrBefore', 'isEmpty', 'isNotEmpty']
+};
+const getRole = (config, dateFormat) => {
+  const today = new Date().toDateString();
+  const columns = `[${config.columns.map(_ref => {
+    let {
+      field
+    } = _ref;
+    return `"${field}"`;
+  }).join(', ')}]`;
+  const operators = Object.entries(config.typeOperators).map(_ref2 => {
+    let [k, values] = _ref2;
+    return values.length === 1 ? `    - For "${k}" data type, operator must only be "${values[0]}"` : `    - For "${k}" data type, operator must be one of [${values.map(v => `"${v}"`).join(', ')}]`;
+  }).join('\n');
+  const column_description = config.columns.map(_ref3 => {
+    let {
+      field,
+      type,
+      description
+    } = _ref3;
+    return `- "${field}": "${type}" data type; ${description ? description.trim() : ''}`;
+  }).join('\n');
+  return `The AI assistant parses user input to generate a JSON object that will be used as a row filter for a data table MUI Data Grid.
+The filter supports mulitple conditions using only two logical operator "and", "or". It only allows "and" between all conditions or "or" between all conditions. It can't mix the two types.
+The AI assistant extracts information from the user input and generates a JSON object with exactly the two keys "linkOperator" and "items":
+- "linkOperator": the logical operator, only "and" or "or" are allowed. If there is only one condition in the "items", use "and".
+- "items": a list of conditions, each is an object with exactly the three keys "columnField", "operatorValue" and "value":
+  - "columnField": the column name, must be one of ${columns}
+  - "value":
+    - this can be skipped if the "operatorValue" is either "isEmpty" or "isNotEmpty"
+    - a list of multiple values if the "operatorValue" ends with "AnyOf"
+    - otherwise, it's a single value represented as a string: "true" instead of true, "false" instead of false, "0.6" instead of 0.6.
+    For "date" data type, use ${dateFormat}. If relative date is input, convert to the actual date given today is ${today}.
+  - "operatorValue": the comparison operator, accepted values depend on the data type of the column
+${operators}
+
+Below is the datatype in square bracket, constraints on the data range if any, followed by the description of each column used in the data table:
+${column_description}
+
+Notes:
+- For "boolean" data type, use "is" operator with value "false" instead of "isEmpty".
+${config.notes.trim()}
+
+Pay close attention to the the data type, description and supported operators above to make a valid selection of fields.
+Think step by step and check carefully if the chosen operator is supported by the chosen data type.
+Return just the JSON object without any extra text, explanation or note.
+If the user input can't be parsed, return a JSON object to indicate the error and the reason {"code":"error", "reason":"explain why it was failed to parse"}.
+`;
+};
+async function getOpenAICompletion(config, prompt, model, dateFormat) {
+  const text = 'Parse the text delimited by triple backticks: ```' + prompt.trim() + '``` and make sure the output is a valid JSON object';
+  const role = getRole(config, dateFormat);
+  const completion = await getCompletion(text, role, config.openaiApiKey, model);
+  const response = JSON.parse(completion);
+  if ('code' in response) {
+    throw new Error(response.reason);
+  }
+  return response;
+}
+
+/**
+ * The GridToolbarFilterSemanticField component.
+ */
+const GridToolbarFilterSemanticField = /*#__PURE__*/forwardRef((props, ref) => {
+  const fieldRef = ref || useRef();
+  const {
+      className,
+      nlpFilterConfig,
+      onFilterModelChange,
+      dateFormat = 'yyyy-mm-dd',
+      defaultModel = 'gpt-4-0613',
+      defaultFilter = {
+        items: [],
+        linkOperator: 'and'
+      },
+      disablePower = false,
+      localeText
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const {
+    textLabel,
+    textPlaceholder,
+    buttonAriaLabel,
+    buttonText,
+    powerText,
+    powerTooltipContent,
+    errorText
+  } = _objectSpread2({
+    textLabel: 'Semantic filtering',
+    textPlaceholder: 'Describe here how you would like to filter this datagrid.',
+    buttonAriaLabel: 'Submit',
+    buttonText: 'Run',
+    powerText: 'Power mode',
+    powerTooltipContent: 'The Power mode can get better results but is slower.',
+    errorText: 'Unable to find a valid filter, please try again with a more specific prompt.'
+  }, localeText);
+  const [prompt, setPrompt] = useState('');
+  const modelRef = useRef(defaultModel);
+  const showErrorRef = useRef(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const handlePromptSubmit = async event => {
+    event.preventDefault();
+    if (prompt !== undefined) {
+      let filter;
+
+      // Use the cache if it's available and it's not the default filter.
+      // We still want to rerun default filter because it might be due to request fail.
+      const response = sessionStorage.getItem(prompt);
+      if (response && response !== JSON.stringify(defaultFilter)) {
+        filter = JSON.parse(response);
+      } else {
+        setIsLoading(true);
+        showErrorRef.current = false;
+        try {
+          if (nlpFilterConfig.completionFunc !== undefined) {
+            filter = await nlpFilterConfig.completionFunc(nlpFilterConfig, prompt, modelRef.current);
+          } else {
+            filter = await getOpenAICompletion(nlpFilterConfig, prompt, modelRef.current, dateFormat);
+          }
+          sessionStorage.setItem(prompt, JSON.stringify(filter));
+        } catch (error) {
+          showErrorRef.current = true;
+          filter = defaultFilter;
+        }
+
+        // MUI requires different id
+        filter.items.forEach((d, i) => d.id = i);
+      }
+      onFilterModelChange(filter);
+      setIsLoading(false);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(Flexbox, {
+    flexDirection: "column",
+    gap: "0",
+    width: "100%"
+  }, /*#__PURE__*/React__default.createElement(StyledGridToolbarFilterSemanticField, _extends({}, forwardedProps, {
+    className: classNames(GridToolbarFilterSemanticField.className, className),
+    ref: fieldRef,
+    onSubmit: handlePromptSubmit
+  }), /*#__PURE__*/React__default.createElement(Flexbox, {
+    gap: "0",
+    width: "100%"
+  }, /*#__PURE__*/React__default.createElement(TextField, {
+    width: "100%",
+    label: textLabel,
+    placeholder: textPlaceholder,
+    onChange: value => setPrompt(value),
+    value: prompt
+  }), /*#__PURE__*/React__default.createElement(Button, {
+    variant: "primary",
+    "aira-label": buttonAriaLabel,
+    type: "submit",
+    isLoading: isLoading
+  }, buttonText)), !disablePower && /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(Tooltip.Trigger, null, /*#__PURE__*/React__default.createElement(Switch, {
+    width: "175px",
+    isSelected: modelRef.current === 'gpt-4-0613',
+    onChange: value => modelRef.current = value ? 'gpt-4-0613' : 'gpt-3.5-turbo-0613'
+  }, powerText)), /*#__PURE__*/React__default.createElement(Tooltip.Content, null, powerTooltipContent))), showErrorRef.current && /*#__PURE__*/React__default.createElement(Text, {
+    color: "error",
+    marginLeft: "8px"
+  }, errorText));
+});
+GridToolbarFilterSemanticField.className = CLASSNAME;
+GridToolbarFilterSemanticField.displayName = COMPONENT_NAME;
+
+export { DEFAULT_OPERATORS, GridToolbarFilterSemanticField };
+//# sourceMappingURL=GridToolbarFilterSemanticField2.js.map