@get-set/gs-sortable 0.0.21 → 0.0.23

package/dist/components/GSSortable.js

@@ -1,172 +1,135 @@
 "use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-var _react = require("react");
-var _getCurrentParams = _interopRequireDefault(require("../actions/getCurrentParams"));
-var _init = _interopRequireDefault(require("../actions/init"));
-var _destroy2 = _interopRequireDefault(require("../actions/destroy"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _defaultParams = _interopRequireDefault(require("../constants/defaultParams"));
-var _initMouseMove = _interopRequireDefault(require("../actions/initMouseMove"));
-var _initSortEnd = _interopRequireDefault(require("../actions/initSortEnd"));
-var _initScroll = _interopRequireDefault(require("../actions/initScroll"));
-var _types = _interopRequireDefault(require("../constants/types"));
-require("./styles/GSSortable.css");
-var _uihelpers = require("../helpers/uihelpers");
-var _excluded = ["children"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var params = {
-  reference: _propTypes["default"].string,
-  handler: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  afterSort: _propTypes["default"].func,
-  gsx: _propTypes["default"].object,
-  gap: _propTypes["default"].string,
-  allowOutOfBox: _propTypes["default"].bool,
-  count: _propTypes["default"].number,
-  type: _propTypes["default"].oneOf([_types["default"].column, _types["default"].row, _types["default"].grid])
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-/**
- * GSSortable component to display a customizable sortable.
- *
- * @component
- * @param {Object} props - The props object.
- * @param {string} props.reference - Unique key for each sortable.
- * @param {boolean} props.className - Enable add classes.
- * @param {React.CSSProperties & Record<string, React.CSSProperties | Record<string, React.CSSProperties | Record<string, React.CSSProperties | Record<string, React.CSSProperties>>>} props.gsx
- * @param {string} props.gap - Allows set gap among elements.
- * @param {func} props.afterSort - this is callback function which called after sort.
- * @param {string} props.handler - selector of target element to move.
- * @param {number} props.count - Shows items count per row.
- * @param {'row' | 'column' | 'grid'} props.type - this is the type of prop.
- * @param {Array<Object>} [props.acceptFrom] - Array of that GSSortable references which can accept element from this.
- * @param {Array<Object>} [props.responsive] - Array of responsive configurations based on window size.
- * @param {number} props.responsive[].windowSize - Minimum window size for this configuration.
- * @param {Object} props.responsive[].params - The responsive configuration for the grid.
- * @returns {JSX.Element} The rendered sortable component.
- */
-
-var GSSortable = function GSSortable(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var params = _objectSpread({}, rest);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    componentKey = _useState2[0],
-    setComponentKey = _useState2[1];
-  var gridRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (componentKey != null) {
-      if (typeof window.GSSortableConfigue === 'undefined') {
-        window.GSSortableConfigue = {
-          references: [],
-          instance: function instance(ref) {
-            if (ref != undefined && ref != '') {
-              var instance = window.GSSortableConfigue.references.find(function (x) {
-                return x.key === ref;
-              });
-              if (instance != undefined) {
-                return instance.ref;
-              }
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const getCurrentParams_1 = __importDefault(require("../actions/getCurrentParams"));
+const init_1 = __importDefault(require("../actions/init"));
+const destroy_1 = __importDefault(require("../actions/destroy"));
+const defaultParams_1 = __importDefault(require("../constants/defaultParams"));
+const initMouseMove_1 = __importDefault(require("../actions/initMouseMove"));
+const initSortEnd_1 = __importDefault(require("../actions/initSortEnd"));
+const initScroll_1 = __importDefault(require("../actions/initScroll"));
+require("./styles/GSSortable.css");
+const uihelpers_1 = require("../helpers/uihelpers");
+const GSSortable = (_a) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    const params = Object.assign({}, rest);
+    const [componentKey, setComponentKey] = (0, react_1.useState)(null);
+    const gridRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (componentKey != null) {
+            if (typeof window.GSSortableConfigue === 'undefined') {
+                window.GSSortableConfigue = {
+                    references: [],
+                    instance: (ref) => {
+                        var _a;
+                        if (ref) {
+                            const instance = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.references.find(x => x.key === ref);
+                            if (instance) {
+                                return instance.ref;
+                            }
+                        }
+                    },
+                };
+                window.addEventListener('mousemove', e => {
+                    (0, initMouseMove_1.default)(e);
+                });
+                window.addEventListener('mouseup', e => {
+                    (0, initSortEnd_1.default)(e);
+                });
+                window.addEventListener('scroll', () => {
+                    (0, initScroll_1.default)();
+                });
             }
-          }
-        };
-        window.addEventListener('mousemove', function (e) {
-          (0, _initMouseMove["default"])(e);
-        });
-        window.addEventListener('mouseup', function (e) {
-          (0, _initSortEnd["default"])(e);
-        });
-        window.addEventListener('scroll', function () {
-          (0, _initScroll["default"])();
-        });
-      }
-      if (window.GSSortableConfigue.references.find(function (x) {
-        return x.key === componentKey;
-      }) === undefined) {
-        var currentParams = (0, _getCurrentParams["default"])(params);
-        window.GSSortableConfigue.references.push({
-          key: componentKey,
-          ref: {
-            isAddjusting: false,
-            grid: gridRef.current,
-            currentParams: _objectSpread(_objectSpread({}, currentParams), {}, {
-              reference: componentKey
-            }),
-            destroy: function destroy() {
-              (0, _destroy2["default"])(window.GSSortableConfigue.instance(componentKey));
-            },
-            refresh: function refresh() {
-              (0, _destroy2["default"])(window.GSSortableConfigue.instance(componentKey));
-              (0, _init["default"])(window.GSSortableConfigue.instance(componentKey));
+            if (window.GSSortableConfigue.references.find(x => x.key === componentKey) === undefined) {
+                const currentParams = (0, getCurrentParams_1.default)(params);
+                window.GSSortableConfigue.references.push({
+                    key: componentKey,
+                    ref: {
+                        isAddjusting: false,
+                        grid: gridRef.current,
+                        currentParams: Object.assign(Object.assign({}, currentParams), { reference: componentKey }),
+                        destroy: () => {
+                            var _a;
+                            (0, destroy_1.default)((_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.instance(componentKey));
+                        },
+                        refresh: () => {
+                            var _a, _b;
+                            (0, destroy_1.default)((_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.instance(componentKey));
+                            (0, init_1.default)((_b = window.GSSortableConfigue) === null || _b === void 0 ? void 0 : _b.instance(componentKey));
+                        },
+                    },
+                });
+                const currentRef = (_a = window.GSSortableConfigue.references.find(x => x.key === componentKey)) === null || _a === void 0 ? void 0 : _a.ref;
+                if (params.gsx) {
+                    const scss = {};
+                    scss[`[data-key='${componentKey}']`] = Object.assign({}, params.gsx);
+                    const style = (0, uihelpers_1.convertScssToCss)(scss);
+                    (0, uihelpers_1.injectCssToHead)(style, componentKey);
+                }
+                if (currentRef) {
+                    (0, init_1.default)(currentRef);
+                }
             }
-          }
-        });
-        var currentRef = window.GSSortableConfigue.references.find(function (x) {
-          return x.key === componentKey;
-        }).ref;
-        if (params.gsx != undefined) {
-          var scss = {};
-          scss["[data-key='".concat(componentKey, "']")] = _objectSpread({}, params.gsx);
-          var style = (0, _uihelpers.convertScssToCss)(scss);
-          (0, _uihelpers.injectCssToHead)(style, componentKey);
+            return () => {
+                if (window.GSSortableConfigue) {
+                    window.GSSortableConfigue.references =
+                        window.GSSortableConfigue.references.filter(x => x.key !== componentKey);
+                }
+                (0, uihelpers_1.removeCssToHead)(componentKey);
+            };
         }
-        (0, _init["default"])(currentRef);
-      }
-      return function () {
-        if (window.GSCarouselConfigue != undefined) {
-          window.GSCarouselConfigue.references = window.GSCarouselConfigue.references.filter(function (x) {
-            return x.key !== componentKey;
-          });
+    }, [componentKey]);
+    (0, react_1.useEffect)(() => {
+        setComponentKey(params.reference ? params.reference : (0, uihelpers_1.NewGuid)());
+    }, []);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (componentKey != null) {
+            const ref = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.instance(componentKey);
+            if (ref) {
+                ref.refresh();
+            }
         }
-        (0, _uihelpers.removeCssToHead)(componentKey);
-      };
-    }
-  }, [componentKey]);
-  (0, _react.useEffect)(function () {
-    setComponentKey(params.reference != undefined ? params.reference : (0, _uihelpers.NewGuid)());
-  }, []);
-  (0, _react.useEffect)(function () {
-    if (componentKey != null) {
-      var ref = window.GSSortableConfigue.instance(componentKey);
-      if (ref !== undefined) {
-        ref.refresh();
-      }
-    }
-  }, [children]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, componentKey != null ? /*#__PURE__*/React.createElement("div", _extends({
-    className: "gs-sortable-instance gs-sortable-".concat(params.type, " ").concat(rest.className),
-    ref: gridRef,
-    "data-key": componentKey
-  }, Object.fromEntries(Object.entries(_objectSpread({}, rest)).filter(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-      key = _ref3[0];
-    return !(key in _defaultParams["default"]);
-  }))), children) : /*#__PURE__*/React.createElement(React.Fragment, null));
+    }, [children]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, componentKey != null ? (react_1.default.createElement("div", Object.assign({ className: `gs-sortable-instance gs-sortable-${params.type} ${rest.className || ''}`, ref: gridRef, "data-key": componentKey }, Object.fromEntries(Object.entries(Object.assign({}, rest)).filter(([key]) => !(key in defaultParams_1.default)))), children)) : null));
 };
-GSSortable.propTypes = _objectSpread(_objectSpread({}, params), {}, {
-  responsive: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    windowSize: _propTypes["default"].number,
-    params: _propTypes["default"].shape(_objectSpread({}, params))
-  }))
-});
-var _default = exports["default"] = GSSortable;
+exports.default = GSSortable;
+//# sourceMappingURL=GSSortable.js.map

package/dist/components/GSSortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GSSortable.js","sourceRoot":"","sources":["../../src/components/GSSortable.tsx"],"names":[],"mappings":"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"}

package/dist/constants/constParams.d.ts

@@ -0,0 +1,4 @@
+declare const constParams: {
+    readonly animationSpeed: 400;
+};
+export default constParams;

package/dist/constants/constParams.js

@@ -1,10 +1,7 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var constParams = {
-  animateionSpeed: 400
+Object.defineProperty(exports, "__esModule", { value: true });
+const constParams = {
+    animationSpeed: 400, // Fixed typo from "animateionSpeed" to "animationSpeed"
 };
-var _default = exports["default"] = Object.freeze(constParams);
+exports.default = constParams;
+//# sourceMappingURL=constParams.js.map

package/dist/constants/constParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constParams.js","sourceRoot":"","sources":["../../src/constants/constParams.tsx"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG;IAClB,cAAc,EAAE,GAAG,EAAE,wDAAwD;CACrE,CAAC;AAEX,kBAAe,WAAW,CAAC"}

package/dist/constants/defaultParams.d.ts

@@ -0,0 +1,3 @@
+import { GSSortableProps } from '../components/GSSortable';
+declare const _default: Readonly<Partial<GSSortableProps>>;
+export default _default;

package/dist/constants/defaultParams.js

@@ -1,24 +1,23 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _types = _interopRequireDefault(require("./types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var defaultParams = {
-  acceptFrom: [],
-  className: '',
-  takeClone: false,
-  reference: '',
-  count: 3,
-  gap: '',
-  gsx: undefined,
-  handler: '',
-  width: 'auto',
-  type: _types["default"].column,
-  allowOutOfBox: true,
-  responsive: [],
-  afterSort: function afterSort() {}
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = Object.freeze(defaultParams);
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = __importDefault(require("./types"));
+const defaultParams = {
+    acceptFrom: [],
+    className: '',
+    takeClone: false,
+    reference: '',
+    count: 3,
+    gap: '',
+    gsx: undefined,
+    handler: '',
+    width: 'auto',
+    type: types_1.default.column,
+    allowOutOfBox: true,
+    responsive: [],
+    afterSort: () => { },
+};
+exports.default = Object.freeze(defaultParams);
+//# sourceMappingURL=defaultParams.js.map

package/dist/constants/defaultParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultParams.js","sourceRoot":"","sources":["../../src/constants/defaultParams.tsx"],"names":[],"mappings":";;;;;AACA,oDAA4B;AAE5B,MAAM,aAAa,GAA6B;IAC9C,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,SAAS;IACd,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,eAAK,CAAC,MAAM;IAClB,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;CACpB,CAAC;AAEF,kBAAe,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC"}

package/dist/constants/types.d.ts

@@ -0,0 +1,6 @@
+declare const _default: Readonly<{
+    row: "row";
+    column: "column";
+    grid: "grid";
+}>;
+export default _default;

package/dist/constants/types.js

@@ -1,12 +1,9 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var types = {
-  row: 'row',
-  column: 'column',
-  grid: 'grid'
+Object.defineProperty(exports, "__esModule", { value: true });
+const types = {
+    row: 'row',
+    column: 'column',
+    grid: 'grid',
 };
-var _default = exports["default"] = Object.freeze(types);
+exports.default = Object.freeze(types);
+//# sourceMappingURL=types.js.map

package/dist/constants/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/constants/types.tsx"],"names":[],"mappings":";;AAAA,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,KAAc;IACnB,MAAM,EAAE,QAAiB;IACzB,IAAI,EAAE,MAAe;CACtB,CAAC;AAEF,kBAAe,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC"}

package/dist/helpers/uihelpers.d.ts

@@ -0,0 +1,4 @@
+export declare const NewGuid: () => string;
+export declare const removeCssToHead: (key: string) => void;
+export declare const injectCssToHead: (css: string, key: string) => void;
+export declare const convertScssToCss: (scssObj: Record<string, any>) => string;

package/dist/helpers/uihelpers.js

@@ -1,56 +1,52 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeCssToHead = exports.injectCssToHead = exports.convertScssToCss = exports.NewGuid = void 0;
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var NewGuid = exports.NewGuid = function NewGuid() {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = Math.random() * 16 | 0,
-      v = c == 'x' ? r : r & 0x3 | 0x8;
-    return v.toString(16);
-  });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertScssToCss = exports.injectCssToHead = exports.removeCssToHead = exports.NewGuid = void 0;
+const NewGuid = () => {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        const r = (Math.random() * 16) | 0, v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
 };
-var removeCssToHead = exports.removeCssToHead = function removeCssToHead(key) {
-  var style = document.querySelector("head style[data-key='".concat(key, "']"));
-  if (style != null) {
-    style.remove();
-  }
+exports.NewGuid = NewGuid;
+const removeCssToHead = (key) => {
+    const style = document.querySelector(`head style[data-key='${key}']`);
+    if (style != null) {
+        style.remove();
+    }
 };
-var injectCssToHead = exports.injectCssToHead = function injectCssToHead(css, key) {
-  // Create a <style> element
-  var style = document.createElement('style');
-  style.dataset.key = key;
-  // Set the CSS as the inner content of the <style> element
-  style.innerHTML = css;
-  // Append the <style> element to the <head>
-  document.head.appendChild(style);
+exports.removeCssToHead = removeCssToHead;
+const injectCssToHead = (css, key) => {
+    // Create a <style> element
+    const style = document.createElement('style');
+    style.dataset.key = key;
+    // Set the CSS as the inner content of the <style> element
+    style.innerHTML = css;
+    // Append the <style> element to the <head>
+    document.head.appendChild(style);
 };
-var camelToKebab = function camelToKebab(str) {
-  return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+exports.injectCssToHead = injectCssToHead;
+const camelToKebab = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+const convertScssToCss = (scssObj) => {
+    // Helper function to handle nested objects
+    const convertObjectToCss = (obj, parent = '') => {
+        let css = '';
+        // Iterate over each key-value pair in the SCSS object
+        for (let key in obj) {
+            const value = obj[key];
+            if (typeof value === 'object') {
+                // If the value is an object, it's a nested rule, so we recurse
+                const newParent = parent ? `${parent} ${key}` : key;
+                css += convertObjectToCss(value, newParent); // Recurse and concatenate
+            }
+            else {
+                // Otherwise, it's a property-value pair (e.g. color: red)
+                css += `${parent} { ${camelToKebab(key)}: ${value}; }\n`;
+            }
+        }
+        return css;
+    };
+    // Start recursion with the top-level object
+    return convertObjectToCss(scssObj, '');
 };
-var convertScssToCss = exports.convertScssToCss = function convertScssToCss(scssObj) {
-  // Helper function to handle nested objects
-  var _convertObjectToCss = function convertObjectToCss(obj) {
-    var parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var css = '';
-
-    // Iterate over each key-value pair in the SCSS object
-    for (var key in obj) {
-      var value = obj[key];
-      if (_typeof(value) === 'object') {
-        // If the value is an object, it's a nested rule, so we recurse
-        var newParent = parent ? "".concat(parent, " ").concat(key) : key;
-        css += _convertObjectToCss(value, newParent); // Recurse and concatenate
-      } else {
-        // Otherwise, it's a property-value pair (e.g. color: red)
-        css += "".concat(parent, " { ").concat(camelToKebab(key), ": ").concat(value, "; }\n");
-      }
-    }
-    return css;
-  };
-
-  // Start recursion with the top-level object
-  return _convertObjectToCss(scssObj, '');
-};
+exports.convertScssToCss = convertScssToCss;
+//# sourceMappingURL=uihelpers.js.map

package/dist/helpers/uihelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uihelpers.js","sourceRoot":"","sources":["../../src/helpers/uihelpers.tsx"],"names":[],"mappings":";;;AAAO,MAAM,OAAO,GAAG,GAAW,EAAE;IAClC,OAAO,sCAAsC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC;QACxE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAChC,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACtC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB;AAEK,MAAM,eAAe,GAAG,CAAC,GAAW,EAAQ,EAAE;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;IACtE,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,KAAK,CAAC,MAAM,EAAE,CAAC;KAChB;AACH,CAAC,CAAC;AALW,QAAA,eAAe,mBAK1B;AAEK,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,GAAW,EAAQ,EAAE;IAChE,2BAA2B;IAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;IACxB,0DAA0D;IAC1D,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;IACtB,2CAA2C;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC,CAAC;AARW,QAAA,eAAe,mBAQ1B;AAEF,MAAM,YAAY,GAAG,CAAC,GAAW,EAAU,EAAE,CAC3C,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;AAEjD,MAAM,gBAAgB,GAAG,CAAC,OAA4B,EAAU,EAAE;IACvE,2CAA2C;IAC3C,MAAM,kBAAkB,GAAG,CACzB,GAAwB,EACxB,SAAiB,EAAE,EACX,EAAE;QACV,IAAI,GAAG,GAAG,EAAE,CAAC;QAEb,sDAAsD;QACtD,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;YACnB,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;YAEvB,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,+DAA+D;gBAC/D,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBACpD,GAAG,IAAI,kBAAkB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,0BAA0B;aACxE;iBAAM;gBACL,0DAA0D;gBAC1D,GAAG,IAAI,GAAG,MAAM,MAAM,YAAY,CAAC,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC;aAC1D;SACF;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,4CAA4C;IAC5C,OAAO,kBAAkB,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AACzC,CAAC,CAAC;AA3BW,QAAA,gBAAgB,oBA2B3B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@get-set/gs-sortable",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Get-Set Sortable",
   "main": "index.js",
   "author": "Get-Set",
@@ -10,7 +10,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "babel src --out-dir dist --copy-files --ignore 'src/**/*.test.js'"
+    "build": "tsc"
   },
   "peerDependencies": {
     "react": ">=16.0.0"
@@ -30,6 +30,7 @@
     "@babel/core": "^7.24.4",
     "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.24.1",
+    "@types/react": "^19.1.3",
     "prettier": "2.7.1"
   },
   "dependencies": {